#optionsframework {max-width: 100%;background:#fff;}
#optionsframework h3 {cursor:default;border-bottom:1px solid #ddd;padding: 12px 16px;margin:0;}
#optionsframework p {margin-bottom:0;padding-bottom:10px;}
#optionsframework .section {padding: 20px 30px;border-bottom: 1px solid #f1f1f1;}
#optionsframework .section .controls {float:left;width: 70%;}
#optionsframework .section .explain {width: 100%;float:left;font-size:12px;line-height:16px;color: #888888;margin-top: 12px;}
#optionsframework .section-checkbox .controls {width:98%;}
#optionsframework .section-checkbox .explain {margin-top: 4px;padding-left: 20px;width: 80%;}
#optionsframework .controls input[type=text] {width: 100%;}
#optionsframework .controls textarea:focus {box-shadow:none;outline:0}
#optionsframework .controls input:focus {box-shadow:none;outline:0}
#optionsframework .controls input[type=text].wp-color-picker {width:65px;}
#optionsframework .controls select{width:20%;}
#optionsframework .controls textarea {width:100%;}
#optionsframework .section-radio label,#optionsframework .section-multicheck label {float:left;max-width:90%;line-height:16px;margin-bottom:5px;font-size: 12px;}
#optionsframework input.checkbox,#optionsframework input.of-radio {margin:0 10px 5px 0;float:left;clear:both;}
#optionsframework .section-typography .controls {float:none;width:auto;}

#optionsframework .controls .of-typography-size {width:80px;float:left}
#optionsframework .controls .of-typography-unit {width:50px;margin-left:5px;float:left}
#optionsframework .controls .of-typography-face {width:100px;margin-left:5px;float:left}
#optionsframework .controls .of-typography-style {width:80px;margin-left:5px;margin-right:5px;float:left}
#optionsframework .section-typography .wp-picker-container {margin-top:2px;}
#optionsframework .of-background-properties {clear:both;margin-top: 5px;}
#optionsframework .controls .of-background-repeat {width:125px;margin-right:5px;float:left}
#optionsframework .controls .of-background-position {width:125px;margin-right:5px;float:left}
#optionsframework .controls .of-background-attachment {width:125px;margin-right:5px;float:left}

#optionsframework .controls .of-radio-img-img {border:3px solid #f9f9f9;margin:0 5px 10px 0;display:none;cursor:pointer;float:left;}
#optionsframework .controls .of-radio-img-selected {border:3px solid #ccc}
#optionsframework .controls .of-radio-img-img:hover {opacity:.8;}
#optionsframework .controls .of-border-width {width:80px;float:left}
#optionsframework .controls .of-border-style {width:120px;float:left}
#optionsframework .hide {display:none;}
#optionsframework .of-option-image {max-width:340px;margin:3px 0 18px 0;}
#optionsframework .mini .controls select,#optionsframework .section .mini .controls {width:140px;}
#optionsframework .mini .controls input,#optionsframework .mini .controls {min-width: 200px;width: 200px;}
#optionsframework .mini .explain {max-width:74%;margin-left: 10px;margin-top: 5px;}
#optionsframework .section-editor .explain {max-width:98%;float:none;margin-bottom:5px;}
#optionsframework .controls input.upload {width: 60%;float: left;}
#optionsframework .screenshot {margin-left:1px;position:relative;width: 544px;margin-top: 5px;}
#optionsframework .screenshot img {background:#fafafa;border-color:#ccc #eee #eee #ccc;border-style:solid;display: inline-flex;border-width:1px;max-width: 500px;padding:4px;margin-bottom:10px;}
#optionsframework .screenshot .remove-image {background:url("../img/delete.png") no-repeat;border:medium none;bottom:4px;display:block;float:left;height:16px;padding:0;position:absolute;left:-4px;text-indent:-9999px;width:16px;}
#optionsframework .screenshot .no_image .file_link {margin-left:20px;}
#optionsframework .screenshot .no_image .remove-button {bottom:0px;}
#optionsframework .reset-button {float:left;cursor:pointer;}
#optionsframework-submit {padding: 20px 31px;background-color: #ffffff;}
#optionsframework .button-primary {float:right;}
#optionsframework .section:after {content:"";display:table;}
#optionsframework .section:after {clear:both;}


/* dashu style */
.dss .szdbt{color: #fff;position: absolute;bottom: 20px;width: 96%;left: 2%;right: 2%;}
.szdbt a{color: #fff;text-decoration: none;}
.dss .szdbt b{
    font-size: 24px;
}
.dss .szdbt span{}
.dss .szdbt .fldid{    float: right;}
.qqico {
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 8px;
    margin-right: 10px;
}
.mailico{
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 8px;
    }
.fldid i{
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 8px;
    margin-right: 10px;
    cursor: pointer;
    }
.tooltips {
    position: relative;
    z-index: 2;
}

.tooltips .uk-panel-box{
    display: none;
}

.tooltips:hover .uk-panel-box {
    display: block;
    position: absolute;
    top: 34px;
    left: -500px;
    width: 480px;
    font-size: 14px;
    background-color: #ffffff;
    padding: 10px 20px;
    color: #000;
    transition: all .2s ease;
    box-shadow: 4px 4px 0 rgba(175,175,175,0.3);
    -webkit-box-shadow: 4px 4px 0 rgba(175,175,175,0.3);
    -moz-box-shadow: 4px 4px 0 rgba(175,175,175,0.3);
}
.uk-panel-box h3{
    font-size: 16px;
    margin: 5px 0px;
    border-left: 3px solid #6a87ff;
    text-indent: 10px;
}

.dssbox .nav-tab-wrapper{width: 17%;float: left;min-height: 1000px;background: #fff;padding-top: 0px;border-bottom: none;}
.dssbox .metabox-holder{float: right;width: 81%;padding-top: 0px!important;}

.htdzcss {float:left;text-align: center;width: 100%;}
.htdzcss h4{
    margin: 20px 0px 15px 0px;
}
.htdzcss .ssdwkz{
    border: 1px solid #ccc;
    height: 30px;
    border-radius: 15px;
    width: 80%;
    margin: 0 auto 30px auto;
}
.htdzcss #seachkeywords {color:#ccc;height: 22px;line-height: 22px;margin-top: 4px;margin-left: 5px;width: 66%;float: left;border: none;box-shadow: none;font-size: 12px;}
.htdzcss .s_ss {width: 28px;height: 30px;border:none;float: right;color: #8b8686;margin: 0px 2px 0px 0px;padding: 0px;cursor: pointer;background: none;font-weight: bold;}

.htdzcss input:focus {box-shadow:none;outline:0}

.szdtabk{}
.szdtabk a{
    background: none;
    border: none;
    border-bottom: 1px solid #eaeaea;
    display: block;
    width: 100%;
    padding: 12px 0px;
    margin: 0px;
}
.szdtabk a:hover{}
.szdtabk .nav-tab-active{
    background: #f1f1f1;
    transition: all .2s ease;
    box-shadow: 4px 0px 0 rgba(175,175,175,0.3);
    -webkit-box-shadow: 4px 0px 0 rgba(175,175,175,0.3);
    -moz-box-shadow: 4px 0px 0 rgba(175,175,175,0.3);
}
#optionsframework .section h4{
    font-size: 16px;
    margin: 15px 0px 20px 0px;
    border-left: 3px solid #6a87ff;
    text-indent: 10px;
}
.wp-picker-container {
    float: left;
    width: 20%;
}
.wp-picker-container a{
    margin-top: 2px;
}
.wp-core-ui .notice.is-dismissible{
    float: right;
    width: 80.6%;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    text-indent: 10px;
}
.infotxtds{
    font-size: 13px;
    color: #888888;
}


.szdtabk a i{padding-right: 5px;padding-left: 30px;}



.wave-box {
    position: relative;
    background: #fff;
    height: 100px;
    margin-bottom: 20px;
}
.marquee-box {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}.marquee {
    width: 8000%;
    height: 86px;
}.wave-list-box {
    float: left;
}.wave-list-box ul {
    float: left;
    height: 86px;
    overflow: hidden;
    zoom: 1;
}.wave-list-box ul li {
    height: 86px;
    width: 100%;
    float: left;
    line-height: 30px;
    list-style: none;
}

.dgdxyq{
    float: left;
    margin-right: 5%;
}

.danxuan{
    float: left;
    margin-right: 5%;
}
.dgdxyq .of-input{float: left;margin: 0px 8px 0px 0px;}
#optionsframework-wrap .uk-panel {display:none}